<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>用户登录</title>
</head>
<#include "/views/rec.html">
<style type="text/css">
body {
	background-image: url('<@full_path path='images/login-background.jpg' />');
	background-repeat: round;
}

body>.grid {
	height: 100%;
}

.image {
	margin-top: -100px;
}

.column {
	max-width: 450px;
}
</style>
	<script type="text/javascript"
		src="<@full_path path='js/user/login.js' />"></script>
<body>
	<div class="ui middle aligned centered grid" style="text-align: left;">
		<div class="column">
			<h2 class="ui teal image header" style="display: block;text-align: center;">
				<img src="assets/images/logo.png" class="image">
				<div class="content">用户登录</div>
			</h2>
			<form class="ui large form"
				action="<@full_path path='p/user/check.jhtml' />" method="post">
				<div class="ui stacked segment">
					<div class="field">
						<div class="ui left icon input">
							<i class="user icon"></i> <input type="text" name="account"
								placeholder="E-mail address" id="account">
						</div>
					</div>
					<div class="field">
						<div class="ui left icon input">
							<i class="lock icon"></i> <input type="password" name="password"
								placeholder="Password" id="password">
						</div>
					</div>
					<div class="ui fluid large teal button" onclick="check();">登录</div>
				</div>

				<div class="ui error  message"></div>

			</form>

			<div class="ui vis message" style="text-align: center;">
				新用户? <a href="<@full_path path='p/user/reg.jhtml' />">注册</a>
				&nbsp;&nbsp;&nbsp;老用户? <a href="<@full_path path='p/user/forget_password.jhtml' />">忘记密码</a>
			</div>
			<div class="ui inverted page dimmer">
				<div class="ui text loader">正在登录...</div>
			</div>
		</div>
	</div>
</body>
</html>